/*
 * @Author: 谢子健 1075010289@qq.com
 * @Date: 2024-07-30 13:37:56
 * @LastEditors: 谢子健 1075010289@qq.com
 * @LastEditTime: 2024-07-31 18:11:47
 * @FilePath: \zhilianilink\src\pages\WorkPage.tsx
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import '../styles/WorkPage.scss';
import { Col, Layout, Row } from 'antd';
import React from 'react';
import WorkHeader from '../work/common/WorkHeader';
import WorkSidebar from '../work/common/WorkSidebar';
import DepartmentSidebar from '../work/MembersPage/DepartmentSidebar';
import MembersPage from '../work/MembersPage/MembersPage';

const { Header, Content, Sider } = Layout;

const MembersPages: React.FC = () => {
  return (
    <Layout className="workPage-body" style={{ backgroundColor: '#fff' }}>
      <Sider width={50} className="workPage-sider" style={{ backgroundColor: '#fff' }}>
        <WorkSidebar />
      </Sider>
      <Layout style={{ backgroundColor: '#fff' }}>
        <Header className="workPage-header" style={{ backgroundColor: '#fff', padding: 0, height: 50 }}>
          <WorkHeader />
        </Header>
        <Content style={{ backgroundColor: '#fff', padding: 0, margin: 0 }}>
          <div className="workPage-content">
            <Row>
              <Col span={4}>
                <div className="workPage-main-left" style={{ backgroundColor: '#fff' }}>
                  <DepartmentSidebar />
                </div>
              </Col>
              <Col span={20} className="workPage-column" style={{ backgroundColor: '#fff' }}>
                <div className="workPage-main-left" style={{ backgroundColor: '#fff' }}>
                  <MembersPage />
                </div>
              </Col>
            </Row>
          </div>
        </Content>
      </Layout>
    </Layout>
  );
};

export default MembersPages;
